<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0 maximum-scale=1.0 minimum-scale=1.0 user-scalable=no ">
    <title>涵子易的ToDoList</title>
    <link rel="stylesheet" href="css/base.css">
    <script src="js/jquery.js"></script>
    <link rel="shortcut icon" href="bitbug_favicon.ico">
    <meta name="keywords" content="涵子易,ToDoList,办事列表,备忘录,免费,无需注册">
    <meta name="description" content="涵子易的ToDoList无须注册即可使用,数据存储在用户浏览器的html5本地数据库里，是最简单最安全的待办事项列表应用！">
    <!-- seo优化和基础css网页图标 -->
    <link rel="stylesheet" href="css/index.css">
    <script src="js/index.js"></script>
    <!-- 引入index列表的css和js -->

</head>

<body>
    <header>
        <section>
            <form action="" id="form">
                <div class="form">
                    <label for="title">涵子易List</label>
                    <div class="content">
                        <input type="text" id="text" placeholder="添加备忘事项">
                    </div>
                    <div class="right">
                        <button type="button" class="btn btn-primary" id="publish">添加事项</button>
                    </div>
                </div>
            </form>

        </section>
    </header>
    <!-- 头部完成 -->
    <section>
        <h2>正在进行
            <span class="todocu">1</span>
        </h2>
        <ol class="demo_box">

        </ol>


        <h2>已经完成
            <span class=" donecu">2</span>
        </h2>
        <ul class="result_box">
            <li>
                <input type="checkbox" checked>
                <p>吃饭</p>
                <a href="javascript:;">-</a>
            </li>
            <li>
                <input type="checkbox" checked>
                <p>吃饭</p>
                <a href="javascript:;">-</a>
            </li>
        </ul>
    </section>
    <!-- 中部完成 -->
    <footer>
        Hanziyi © 2023 todolist.cn
        <a href="javascript:;">clear</a>
    </footer>
</body>

</html>